@charset "utf-8";
/* CSS Document */

/*小于1600大于1200稍微调整下字体*/
 @media screen and (max-width:7600px) and (min-width:1024px) {
	
@charset "utf-8";
ul{
	list-style: none;
}

 
 



#Navigation_MenuBg {
	width: 100%;
	padding: 0px;
	clear: both;
	clip: rect(0px,auto,auto,auto);
	z-index: 10;
	margin: 0px;
	height: 50px;
 }

#Menu_Menu{
	visibility: hidden;
	display:none;
}


 

.Navigation_Menu{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.Navigation_Menu ul{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.Navigation_Menu li{
	width: 8%;
	text-align: center;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 3;
	margin-left: 6px;
	float: left;
}
.Navigation_Menu a{
	width: 100%;
	display: block;
	font-size: 1.2em;
	line-height: 10px;
}
.Menu_Text{
	color: #333333;
}	
a.Menu_Text:link {
	color: #333333;
	text-decoration: none;
	font-family: "微软雅黑", "宋体", "黑体", "新宋体";
	font-size: 14px;
	font-weight: normal;
}
a.Menu_Text:visited {
	color: #333333;
	text-decoration: none;
}
a.Menu_Text:hover {
	color: #333333;
	text-decoration: none;
}
a.Menu_Text:active {
	text-decoration: none;
	color: #FFF;
}
	
/*鼠标移动上之后的效果开始*/
.Navigation_Menu li{ 
position:relative;
}
.Navigation_Menu li a:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: -3px;
	height: 3px;
	opacity: 0;
	background-color: #ce0000;
	-webkit-transition: all 1.8s;
	-o-transition: all 1.8s;
	-ms-transition: all 1.8s;
	transition: all 1.8s;
}
.Navigation_Menu li a:hover:after{
	left: 1%;
	right: 1%;
	opacity: 1;
	background-color: #D90000;
	
	
	-webkit-transition: all 1.8s;
	-o-transition: all 1.8s;
	-ms-transition: all 1.8s;
	transition: all 1.8s;
}
.Navigation_Menu  a#sel{
	color:#f3782a;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #043b87;
	}
.Navigation_Menu a#sel:hover:after{
	opacity: 0;
	}
/*鼠标移动上之后的效果*/

.Menu_Bbody{
	display: none;
	width: 100%;
	padding: 0;
	position: fixed;
	overflow: hidden;
	text-align: left;
	z-index: 10000;
	left: -20px;
	background-color: #FAFAFA;
	margin-left: 1%;
	margin-top: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #E4E4E4;
	border-bottom-color: #E4E4E4;
	border-left-color: #E4E4E4;
	top: 80px;
}
 


.Navigation_Menu_Position{
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 0;
	margin-bottom: 0;
}
#Navigation_Menu_Position {
	margin-right: auto;
	margin-left: auto;
}

 


.Menu_Content{
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.MenuBarItemList {
	text-align: left;
	display: block;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	font-family: "微软雅黑", "宋体", "黑体", "新宋体";
	text-decoration: none;
	color: #333333;
}
a.MenuBarItemList:link {
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	line-height: 25px;
	height: 25px;
}
a.MenuBarItemList:visited {
	text-decoration: none;
}
a.MenuBarItemList:hover {
	color: #e61f19;
	text-decoration: underline;
	line-height: 25px;
}

.MenuBarItemListOn {
	text-align: left;
	display: block;
	height: 20px;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	font-family: "微软雅黑", "宋体", "黑体", "新宋体";
	text-decoration: none;
	color: #333333;
}
.Menu_ClassificationList {
	font-family: "微软雅黑", "宋体", "黑体", "新宋体";
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
}
a.Menu_ClassificationList:link {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	height: 20px;
	font-weight: normal;
	text-align: left;
	display: block;
}
a.Menu_ClassificationList:visited {
	font-family: "微软雅黑", "宋体", "黑体", "新宋体";
	color: #666666;
	text-decoration: none;
}
a.Menu_ClassificationList:hover {
	font-family: "微软雅黑", "宋体", "黑体", "新宋体";
	color: #e61f19;
	text-decoration: underline;
}
a.Menu_ClassificationList:active {
	color: #666666;
	text-decoration: none;
}


.Navigation_Menu_xiao{
	width: 1200px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}





 
	


.Menu_Classification_BD {
	height: auto;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}
.Menu_Classification_BD_01 {
	clear: both;
	height: auto;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEEEEE;
	padding-top: 10px;
	padding-bottom: 10px;
}
.Menu_Classification_Left {
	float: left;
	height: auto;
	width: 399px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EEEEEE;
	padding-top: 5px;
	padding-bottom: 5px;
}
.Menu_Classification_Right {
	float: left;
	height: auto;
	width: 400px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.clear {
	clear: both;
	height: 0px;
	width: 0px;
}
.Menu_Classification_Image {
	float: left;
	height: auto;
	width: 180px;
	padding-top: 20px;
	text-align: center;
}
.Menu_Classification_List {
	float: left;
	height: auto;
	width: 218px;
}













} 
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
	
 body{
	margin: 0px;
	padding: 0px;
} 
/*定位*/
 
/*通用*/

.Navigation_Menu{
	width: 100%;
	float: left;
	clear: both;
}
#Mobile_Navigation_Menu {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 100%;
}
.List {
	text-align: center;
	width: 100%;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	display: inline;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

	
.Navigation_Menu ul li {
	border-bottom: 1px dotted #d2d2d2;
	display: inline-block;
	width: 300px;
	position: relative;
	min-height: 43px;
	_height: 43px;
	z-index: 10;
	zoom: 1;
} 
.Navigation_Menu ul li a {
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
	display: block;
	height: 60px;
	line-height: 60px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
	background-image: url(/js/Menu/Mobile_Menu_Status.png);
	background-repeat: no-repeat;
	background-position: 200px 18px;
}
.Navigation_Menu ul li a.noline {
 
}
.Navigation_Menu ul li a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.Navigation_Menu ul li a.selected:hover {
	color: #fff;
}
.Navigation_Menu ul li .selected {
	background-color: #FFFFFF;
	background-position: 200px -9px;
	color: #fff;
}
.Navigation_Menu ul li.selected a {
	background-position: 200px -37px;
	border-bottom: 1px dotted #d2d2d2;
	font-weight: bold;
}

.Mobile_Navigation_Menu_Open a {
	color: #FFFFFF;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #F00;
	background-image: url(images/MenuOff.jpg);
	text-decoration: none;
}
.Navigation_Menu ul li a:hover {
	color: #FF0000;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}
.Menu_Bbody {
	padding: 5px 0;
	position: relative;
	zoom: 1;
	display: none;
}
.Navigation_Menu_Position {
	margin: 0px!important;;
	padding: 0px!important;;
	width: 100%!important;;
}
.Noscroll{
            height: 100%;
            overflow: hidden;
        }
.Havescroll{
	height: 100%;
	overflow: auto;
        }
.Navigation_Menu_No_Menu  {
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
	color: #555;
	display: block;
	line-height: 43px;
	background-repeat: no-repeat;
	background-position: 200px 30px;
	background-image: url(/js/Menu/No_Menu.gif) !important;

}


#Navigation_MenuBg {
	position: fixed;
	left: -100%;
	height: 100%;
	width: 100%;
	background-color: #333;
	margin: 0px;
	padding: 0px;
	background: rgba(0,0,0,0.50); /*透明效果内部元素不受影响*/
	clear: both;
	z-index: 100000;
	display: block;
	overflow: scroll;
	top: 0px;
 }


#Navigation_Menu {
	width: 300px;
	height: 100%;
	background-color: #143959;
	float: left;
	overflow: scroll;
	
}
#Menu_Menu {
	width: 100%;
	height: 50px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: right;
	top: 30px;
	background-color: #143959;
	clear: both;
}
#Menu_Close {
	float: right;
}

	
.Show_Navigation_Menu {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transition: transform 1s;
        -webkit-transition: -webkit-transform 1s;
}
.Close_Navigation_Menu {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transition: transform 1s;
        -webkit-transition: -webkit-transform 1s;
    	
	
	
}
.MenuBarItemList {
	text-align: center;
	display: block;
	height: 50px;
	width: 100%;
	background-image: url(/js/Menu/No_Menu.gif) !important;
	;
	font-weight: normal;
}




.Navigation_Menu_Position_4{
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 0;
	margin-bottom: 0;
}
.Menu_Content_4{
	width: 98%;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}

.MenuBarItemList_4 {
	display: block;
	background-image: url(/js/Menu/No_Menu.gif) !important;

}
.Menu_Content_4 a  {
	font-weight: normal;
	color: #333333;
	display: block;
	height: 230px !important;
	;
	width: 285px !important;
	border: 1px solid #f5f5f5;
}

.Menu_Content_4 a:hover {
	color: #e61f19!important;
	background-color: #D9E6F7;
	border: 1px solid #F00;
}

.Menu_Content_Image_4 {
	display: block;
	clear: both;
	width: 95%;
	margin-top: 5px;
	margin-right: 3%;
	margin-bottom: 5px;
	margin-left: 3%;
}
 
}

